<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>案例详情页</title>
    <!-- 重置 -->
    <link rel="stylesheet" href="../css/normalize.css">
    <!-- 公共 -->
    <link rel="stylesheet" href="../css/common.css">
    <!-- lizi插件 -->
    <link rel="stylesheet" href="../lib/lizi/css/lizi.css">
    <!-- 当前 -->
    <link rel="stylesheet" href="../css/customer.css">
</head>
<body class="mwd1200">
    <!-- 头部 -->
    <div class="head clearfix mwd1200" >
        <!-- logo -->
        <h1 class="fl">
            <a href="./home.html"><img src="../imgs/new-logo-white.png" alt=""></a>
        </h1>
        <!-- 导航 -->
        <div class="head-nav">
            <ul class="clearfix">
                <li><a href="./home.html">首页</a></li>
                <li><a href="./api.html">API</a></li>
                <!-- <li><a href="#">云服务</a></li> -->
                <li class="active"><a href="./customer.html">案例</a></li>
                <!-- <li><a href="#">开发者</a></li> -->
            </ul>
        </div>
        <!-- 登录 -->
        <div class="fr">
            <a class="head-login" href="./login.html" target="_blank">登录</a>
            <a class="head-register" href="./register.html" target="_blank">注册有礼</a>
        </div>
    </div>

    <!-- banner -->
    <div class="banner">
        <!-- 粒子背景 -->
        <div class="one">
            <div id="particles-js">
                <canvas class="particles-js-canvas-el"></canvas>
            </div>
        </div>
        <div class="banner-text">
            <h2>助力行业巨头、独角兽企业</h2>
            <p class="banner-text-p1">已服务10万+企业客户</p>
            <p class="banner-text-p2">- 精选案例 -</p>
        </div>
    </div>

    <!-- 身体 -->
    <div class="bgcf8 pb60">
        <div class="container">
            <!-- 金融案例 -->
            <div class="case">
                <h5>金融案例<span>/Financial Case</span></h5>
                <ul class="financial-case case-list clearfix">
                    <!-- <li class="bd">
                        <a class="case-list-cont" href="#">
                            <img src="../imgs/szyh.png" alt="">
                            <h6>苏州银行数据API服务系统</h6>
                            <p>
                                苏州银行的前身是江苏东吴农村商业银行股份有限公司，2011年经监管批准，由农村中小金融机构监管序列调整为中小商业银行监管序列。2019年8月2日，苏州银行登陆A股，为全国第33家、江苏省第9家上市银行。2020年3月9日，“2019年中国银行业100强榜单”发布，苏州银行排名第51位。
                            </p>  
                        </a>
                        <a class="case-list-details" href="#">了解详情</a>
                    </li> -->
                </ul>
            </div>

            <!-- 企业案例 -->
            <div class="case">
                <h5>企业案例<span>/business Case</span></h5>
                <ul class="business-case case-list clearfix">
                    <!-- <li class="bd">
                        <a class="case-list-cont" href="#">
                            <img src="../imgs/szyh.png" alt="">
                            <h6>苏州银行数据API服务系统</h6>
                            <p>
                                苏州银行的前身是江苏东吴农村商业银行股份有限公司，2011年经监管批准，由农村中小金融机构监管序列调整为中小商业银行监管序列。2019年8月2日，苏州银行登陆A股，为全国第33家、江苏省第9家上市银行。2020年3月9日，“2019年中国银行业100强榜单”发布，苏州银行排名第51位。
                            </p>  
                        </a>
                        <a class="case-list-details" href="#">了解详情</a>
                    </li> -->
                </ul>
            </div>

            <!-- 政务案例 -->
            <div class="case">
                <h5>政务案例<span>/Government Case</span></h5>
                <ul class="government-case case-list clearfix">
                    <!-- <li class="bd">
                        <a class="case-list-cont" href="#">
                            <img src="../imgs/szyh.png" alt="">
                            <h6>苏州银行数据API服务系统</h6>
                            <p>
                                苏州银行的前身是江苏东吴农村商业银行股份有限公司，2011年经监管批准，由农村中小金融机构监管序列调整为中小商业银行监管序列。2019年8月2日，苏州银行登陆A股，为全国第33家、江苏省第9家上市银行。2020年3月9日，“2019年中国银行业100强榜单”发布，苏州银行排名第51位。
                            </p>  
                        </a>
                        <a class="case-list-details" href="#">了解详情</a>
                    </li> -->
                </ul>
            </div>

            <!-- 更多伙伴 -->
            <div class="case">
                <h5>更多伙伴<span>/More Partners</span></h5>
                <ul class="more-partners clearfix">
                    <li>
                        <img src="../imgs/more-partners-item01.svg" alt="">
                    </li>
                    <li>
                        <img src="../imgs/more-partners-item02.svg" alt="">
                    </li>
                    <li>
                        <img src="../imgs/more-partners-item03.svg" alt="">
                    </li>
                    <li>
                        <img src="../imgs/more-partners-item04.svg" alt="">
                    </li>
                    <li>
                        <img src="../imgs/more-partners-item05.svg" alt="">
                    </li>
                    <li>
                        <img src="../imgs/more-partners-item06.svg" alt="">
                    </li>
                    <li>
                        <img src="../imgs/more-partners-item07.svg" alt="">
                    </li>
                    <li>
                        <img src="../imgs/more-partners-item08.svg" alt="">
                    </li>
                    <li>
                        <img src="../imgs/more-partners-item09.svg" alt="">
                    </li>
                </ul>
            </div>
        </div>

    </div>

    <!-- 电梯导航 -->
    <div class="lift">
        <p class="active">金融案例</p>
        <p>企业案例</p>
        <p>政务案例</p>
        <p>更多伙伴</p>
    </div>

    <!-- 尾部 -->
    <div class="foot container clearfix" >
        <div class="clearfix">
            <!-- 左边列表 -->
            <div class="foot-left fl clearfix">
                <ul class="fl">
                    <h4><a href="#">联系与支持</a></h4>
                    <li><a href="#">400-882-7715</a></li>
                    <li><a href="#">售前咨询</a></li>
                    <li><a href="#">客服&售后</a></li>
                    <li><a href="#">常见问题</a></li>
                    <li><a href="#">极速工单</a></li>
                    <li><a href="#">投诉与建议</a></li>
                </ul>
                <ul class="fl">
                    <h4><a href="#">关于源码</a></h4>
                    <li><a href="#">合作伙伴</a></li>
                    <li><a href="#">服务条款</a></li>
                    <li><a href="#">隐私政策</a></li>
                    <li><a href="#">市场合作</a></li>
                    <li><a href="#">反商业贿赂声明</a></li>
                </ul>
                <ul class="fl">
                    <h4><a href="#">快速入口</a></h4>
                    <li><a href="#">API数据</a></li>
                    <li><a href="#">黑钻会员</a></li>
                    <li><a href="#">新闻动态</a></li>
                    <li><a href="#">联系我们</a></li>
                    <li><a href="#">加入我们</a></li>
                </ul>
                <ul class="fl">
                    <h4><a href="#">产品服务</a></h4>
                    <li><a href="#">云监测</a></li>
                    <li><a href="#">云查询</a></li>
                    <li><a href="#">云助手</a></li>
                    <li><a href="#">聚盒子</a></li>
                    <li><a href="#">云充值</a></li>
                </ul>
                <ul class="fl">
                    <h4><a href="#">解决方案</a></h4>
                    <li><a href="#">数字中台</a></li>
                    <li><a href="#">云查询</a></li>
                    <li><a href="#">云助手</a></li>
                    <li><a href="#">聚盒子</a></li>
                    <li><a href="#">云充值</a></li>
                </ul>
            </div>
            <!-- 右边二维码 -->
            <div class="foot-right fr">
                <h4>微信公众号</h4>
                <p>源码时代</p>
                <img src="../imgs/103-demo.png" alt="">
            </div>
        </div>
        <!-- 下面 -->
        <div class="foot-bottom clearfix">
            <a class="fl" href="#">
                <img src="../imgs/bei2.png" alt="">
            </a>
            <a class="fl" href="#">
                <img src="../imgs/bei1.png" alt="">
            </a>
            <span class="fl">增值电信业务经营许可证：蜀B2-20180596</span>
            <span class="fl">蜀ICP备15006450号-3</span>
            <span class="fl">营业执照</span>
            <span class="fr">源码大数据股份有限公司©版权所有</span>
        </div>
    </div>


    <!-- lizi插件 -->
    <script src="../lib/lizi/js/lizi.js"></script>
    
    <!-- 当前js -->
    <script src="../js/customer.js"></script>
</body>
</html>